import { reactive, ref } from 'vue'
import _extend from 'lodash-es/extend.js'
function createHash(hashLength) {
  // 默认长度 24
  return Array.from(Array(Number(hashLength) || 24), () => Math.floor(Math.random() * 36).toString(36)).join('')
}

export const useModalConfig = (config = { options: null, events: null }) => {
  let options = {
    id: `ev-modal-${createHash(8)}}`,
    width: '800', //窗口的宽度
    height: '400', //窗口的高度
    minWidth: '460', //窗口的最小宽度
    minHeight: '320', //窗口的最小高度
    showZoom: true, //是否显示最大化按钮
    resize: true, //是否允许窗口边缘拖动调整窗口大小
    remember: true,
    storage: false, //是否启用 localStorage 本地保存，会将窗口拖动的状态保存到本地（需要有 id）
    transfer: false, //是否将弹框容器插入于 body 内
    draggable: true, //是否启用窗口拖动
    showFooter: false,
    title: '消息提示',
  }
  let events = {}
  config.options ? _extend(options, config.options) : null
  config.events ? _extend(events, config.events) : null
  return {
    options,
    events,
  }
}
